<template>
  <div class="root">
    <Menu :MenuWidth="MenuWidth" />
    <!-- <div class="menu"></div> -->
    <show
      :MenuWidth="MenuWidth"
      @flexibleEvent="MenuWidth = MenuWidth === 200 ? 64 : 200"
    />
    <!-- <router-view /> -->
  </div>
</template>
.
<script>
import Menu from "./components/Menu.vue";
import Show from "./components/Show.vue";
export default {
  data() {
    return {
      MenuWidth: 200,
      collapseSwitch: false,
    };
  },
  components: {
    Menu,
    Show,
  },
};
</script>
<style lang="less" scoped>
.root {
  width: 100%;
  height: 100%;
  display: flex;
}
</style>
